<div id="manageResourcesTabContentContainer"
     style="float: left;margin: 5px;border: 1px solid #CCCCCC;background-color: #F0F7FF;">
    <div id="editResourceMenuContainer"
         class="internalBox"
         style="width: 200px;">
        <div class="internalBoxHeader">Options</div>
        <div class="internalBoxBody">
            <div style="padding: 5px;">
                <a href="javascript:showAddResourceForm();">Add Resource</a>
            </div>
            <div style="padding: 5px;">
                <a href="javascript:showAllResources();">Show All Resources</a>
            </div>
        </div>
    </div>
    <div id="editResourceResultsContainer"
         class="internalBox"
         style="width: 300px;">
        <div class="internalBoxHeader">Registered Resources</div>
        <div class="internalBoxBody">
            <p style="text-align: center;margin: 20px 20px 20px 20px;">
                No valid action has been selected
            </p>
            <div></div>
        </div>
    </div>
    <div id="editResourceFormContainer"
         class="internalBox"
         style="width: 375px;">
        <div class="internalBoxHeader">Update Resource Information</div>
        <div class="internalBoxBody">
            <p style="text-align: center;margin: 20px 20px 20px 20px;">
                No valid action has been selected
            </p>
            <div class="userRowContainer"
                 style="text-align: right;padding-left: 20px;display: none;">
                <button type="button"
                        id="deleteResource"
                        onclick="deleteResource()">
                    Delete Resource
                </button>
            </div>
            <div style="margin: 0px 20px 20px 20px;display: none;">
                <form  method="post"
                       name="editResourceForm"
                       id="editResourceForm">
                    <input type="hidden"
                           id="editResourceId"
                           value="" />
                    <div id="editResourceFormStatusMessage"
                         style="margin-top: 10px;">
                        Please complete the following required
                        ( <span class="requiredFieldIndicator">*</span> ) information:
                    </div>
                    <div id="editResourceNameLabel"
                         class="inputLabel">
                        <span class="requiredFieldIndicator">*</span> Name:
                    </div>
                    <div>
                        <input type="text"
                               name="editResourceName"
                               id="editResourceName"
                               value="" />
                    </div>
                    <div id="editResourceDescriptionLabel"
                         class="inputLabel">
                        Description:
                    </div>
                    <div>
                        <input type="text"
                               name="editResourceDescription"
                               id="editResourceDescription"
                               value="" />
                    </div>
                    <div id="editResourceLocationLabel"
                         class="inputLabel">
                        Location:
                    </div>
                    <div>
                        <input type="text"
                               name="editResourceLocation"
                               id="editResourceLocation"
                               value="" />
                    </div>
                    <div id="editResourceGroupNameLabel"
                         class="inputLabel">
                        Group Name:
                    </div>
                    <div>
                        <input type="text"
                               name="editResourceGroupName"
                               id="editResourceGroupName"
                               value="" />
                    </div>
                    <div id="editResourceStatusValueLabel"
                         class="inputLabel">
                        <span class="requiredFieldIndicator">*</span> Status Value:
                    </div>
                    <div>
                        <select id="editResourceStatusValue"
                                style="width: 150px;">
                            <option value="0">Not Available</option>
                            <option value="1">Available</option>
                        </select>
                    </div>
                    <div id="editResourceOwnerLabel"
                         class="inputLabel">
                        <span class="requiredFieldIndicator">*</span> Owner:
                    </div>
                    <div>
                        <select id="editResourceOwner"
                                style="width: 200px;">
                            <option value="0"></option>
                            <option value="2">Fabio Canache</option>
                        </select>
                    </div>
                    <div class="buttons"
                         style="margin-top: 10px;">
                        <button type="button"
                                name="submitEditResourceFormButton"
                                id="submitEditResourceFormButton"
                                onclick="submitEditResourceForm()">
                            Save Changes
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <div id="addResourceFormContainer"
         class="internalBox"
         style="width: 375px;display: none;">
        <div class="internalBoxHeader">Add Resource</div>
        <div class="internalBoxBody">
            <div style="margin: 0px 20px 20px 20px;">
                <form  method="post"
                       name="addResourceForm"
                       id="addResourceForm">
                    <div id="addResourceFormStatusMessage"
                         style="margin-top: 10px;">
                        Please complete the following required
                        ( <span class="requiredFieldIndicator">*</span> ) information:
                    </div>
                    <div id="addResourceNameLabel"
                         class="inputLabel">
                        <span class="requiredFieldIndicator">*</span> Name:
                    </div>
                    <div>
                        <input type="text"
                               name="addResourceName"
                               id="addResourceName"
                               value="" />
                    </div>
                    <div id="addResourceDescriptionLabel"
                         class="inputLabel">
                        Description:
                    </div>
                    <div>
                        <input type="text"
                               name="addResourceDescription"
                               id="addResourceDescription"
                               value="" />
                    </div>
                    <div id="addResourceLocationLabel"
                         class="inputLabel">
                        Location:
                    </div>
                    <div>
                        <input type="text"
                               name="addResourceLocation"
                               id="addResourceLocation"
                               value="" />
                    </div>
                    <div id="addResourceGroupNameLabel"
                         class="inputLabel">
                        Group Name:
                    </div>
                    <div>
                        <input type="text"
                               name="addResourceGroupName"
                               id="addResourceGroupName"
                               value="" />
                    </div>
                    <div id="addResourceOwnerLabel"
                         class="inputLabel">
                        <span class="requiredFieldIndicator">*</span> Owner:
                    </div>
                    <div>
                        <select id="addResourceOwner"
                                style="width: 200px;">
                            <option value="0"></option>
                            <option value="2">Fabio Canache</option>
                        </select>
                    </div>
                    <div class="buttons"
                         style="margin-top: 10px;">
                        <button type="button"
                                name="submitAddResourceFormButton"
                                id="submitAddResourceFormButton"
                                onclick="submitAddResourceForm()">
                            Add Resource
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
